<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet/less" href="./asset/less/coupondesc.less">
    <link rel="stylesheet" href="./asset/fontAwesome/css/font-awesome.min.css">
    <script src="./asset/js/less.js"></script>
</head>

<body>
     <!-- 头部部分 -->
     <div class="header">
        <a class="logo" href="./coupon.html">
            <i class="fa fa-angle-left"></i>
        </a>
        <h1>肯德基优惠券</h1>
        <a class="download" href="#">
            <img src="./asset/image/download.png" alt="">
        </a>
    </div>
    <!-- 公告部分 -->
    <div class="notice">
        --点餐前出示手机中的优惠券,既可享受优惠--
    </div>
    <!-- 主体区 -->
    <div class="main">
        <ul>
            <li>
                <a href="#">
                    <div class="pic">
                        <img src="http://d3.5ikfc.com/static/thumbs/616/kfc-5ikfc-66_c841.jpg" width="100" height="100" alt="海信(Hisense) LED55EC500U 55英寸 4K超高清  智能液晶电视">
                    </div>
                    <div class="info">
                        <div class="tit">海信(Hisense) LED55EC500U 55英寸 4K超高清 智能液晶电视</div>
                        <div class="price">
                            <em>￥2299.00</em>
                        </div>
                        <div class="other">
                            <em>有效期至10月25日</em>
                        </div>
                    </div>
                    <span class="fa fa-angle-right"></span>
                </a>
            </li>
        </ul>
    </div>

    <!-- 遮罩层 -->
    <div class="mask">
        <div class="box">
            <span class="fa fa-angle-left"></span>
            <div class="pic">
                <img src="http://d3.5ikfc.com/static/thumbs/916/kfc-5ikfc-911_p15.jpg">
            </div>
            <span class="fa fa-angle-right"></span>
        </div>
    </div>
</body>
</html>

<script src="./asset/zepto/zepto.min.js"></script>
<script src="./asset/artTemplate/template-web.js"></script>
<script id="main" type="text/html">
    {{each result as value}}
        <li>
            <a href="#">
                <div class="pic">
                    {{#value.couponProductImg}}
                </div>
                <div class="info">
                    <div class="tit">{{value.couponProductName}}</div>
                    <div class="price">
                        <em>{{value.couponProductPrice}}</em>
                    </div>
                    <div class="other">
                        <em>{{value.couponProductTime}}</em>
                    </div>
                </div>
                <span class="fa fa-angle-right"></span>
            </a>
        </li>
    {{/each}}
</script>
<script src="./asset/js/url.js"></script>
<script src="./asset/js/coupondesc.js"></script>
